.app-layout {
  height: 100vh;
  width: 100%;
  .main-layout {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px); // Assuming header height is 64px
  }

  .fixed-content {
    flex:0 0 auto// Fixed height
  }
  .dynamic-content {
    flex: 1;
    width: 100%;
  }
  .scrollable-footer {
    flex: 6; // Take the remaining space and be scrollable
    overflow-y: auto;
    overflow-x: hidden;
    background: #f3f5f8;
  }
  .market-component{
    flex: 1;
    width: 100%;
    margin-bottom: -70px;
  }
  .site-layout-background {
    background: #fff;
  }
  
}
